@import "@wordpress/base-styles/mixins";
@import "@wordpress/base-styles/variables";

.intro-cards {
	.dot-pager__page {
		p,
		li {
			@include body-medium;
		}

		h1 {
			@include heading-x-large;
			margin-bottom: 16px;
		}

		ul {
			margin: 0 0 0 1rem;
			margin-left: 1rem;
		}
	}
}

.a4a-intro-cards__wrapper {
	border-radius: 4px;

	.button {
		border-radius: 4px;
	}

	.dot-pager__control-prev:focus-visible,
	.dot-pager__control-next:focus-visible,
	.dot-pager__control-choose-page:focus-visible {
		border-radius: 4px;
	}
}